<!DOCTYPE html>
<html lang="zh">
	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />
		<!-- Bootstrap css -->
		<link rel="stylesheet" type="text/css" href="./css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<title></title>
	</head>
	<body>
		<div class="container-fluid">
			<div class="container">
				<div class="row nav-box">
					<!-- 导航左 开始 -->
					<div class="col-md-2 nav-box-left">
						<img src="./img/logo.png" alt="">
					</div>
					<!-- 导航左 结束 -->

					<!-- 导航右 开始 -->
					<div class="col-md-10 na-box-right">
						<ul class="nav justify-content-around">
							<li class="nav-item">
								<a class="nav-link active" href="index.html">首页</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="works.html">作品展示</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="about.html">关于我们</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="news.html">新闻动态</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="./concat.html">联系我们</a>
							</li>
						</ul>
					</div>
					<!-- 导航左 结束 -->
				</div>
			</div>
		</div>
		<!-- 轮播图 开始 -->
		<div id="myCarousel" class="carousel slide" data-ride="carousel">
			<!-- 控制点 开始 -->
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
			</ol>
			<!-- 控制点 结束 -->
			<!-- 轮播项 -->
			<div class="carousel-inner">
				<div class="carousel-item active">
					<img src="./img/1.jpeg" class="d-block w-100" alt="...">
					<div class="carousel-caption d-none d-md-block">
						<h5>人 + 彩妆 = 美丽</h5>
						<p>打破手残魔咒，给一个机会扮靓自己！</p>
					</div>
				</div>
				<div class="carousel-item">
					<img src="./img/2.jpeg" class="d-block w-100" alt="...">
					<div class="carousel-caption d-none d-md-block">
						<h5>人 + 彩妆 = 美丽</h5>
						<p>打破手残魔咒，给一个机会扮靓自己！</p>
					</div>
				</div>
			</div>
			<!-- 左右控制按钮 开始 -->
			<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
			<!-- 左右控制按钮 结束 -->
		</div>
		<!-- 轮播图 结束 -->


		<!-- 联系我们标题 开始 -->
		<div class="container">
			<div class="row product-titlebox">
				<div class="col-sm-4 col-md-4 product-line">
					<div></div>
				</div>
				<div class="col-sm-4 col-md-4 text-center product-show">
					关于我们<span>About</span>
					<div class="product-description">专注美妆高端事业</div>
				</div>
				<div class="col-sm-4 col-md-4 product-line">
					<div></div>
				</div>
			</div>
			<!-- 联系我们标题 结束 -->
			<div class="row">
				<div class="col-md-6">
					<img src="./img/product/-36682.jpeg" alt="" style="width: 100%;height: 18.75rem;" class="img-rounded">
				</div>
				<div class="col-md-6">
					<p class="about-txt">
						美妆19XX年诞生于中国，是由XXXX创办的品牌。作为全球知名的高端化妆品品牌，美妆涉足护肤、彩妆、香水等多个产品领域，主要面向教育程度、收入水平较高，年龄在25～40岁的成熟女性。
						凭借着对香水的天才敏感嗅觉、执着不懈的冒险精神，以及立志让中国品牌在当时已被美国品牌垄断的全球化妆品市场占有一席之地的抱负，美妆为世界化妆品历史写下美的一页。一支来自中国的百合，凭借着气质，在变幻莫测的女性心理间，在捉摸不定的时尚法则中，足足绽放了六十年。
					</p>
				</div>
			</div>
		</div>

		<div class="footer">
			<ul>
				<li>版权所有：xxx公司&nbsp;&nbsp;&nbsp;&nbsp;</li>
				<li>备案号：京ICP备2020xxx号</li>
			</ul>
		</div>
		<!-- Optional JavaScript -->
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="./js/jQuery341.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/bootstrap.bundle.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
